layui.use(['jquery', 'table', 'element', 'form', 'laypage', 'layer'], function () {
    var $ = layui.jquery;
    var form = layui.form;
    var table = layui.table;
    let repairManager = $("#manager_repair")
    let userManager = $("#manager_user")
    let myTable = $("#demo")
    var layer = layui.layer;
    //监听单元格编辑
    table.on('edit(test)', function (obj) {
        let value = obj.value //得到修改后的值
            , data = obj.data //得到所在行所有键值
            , field = obj.field; //得到字段
        console.log(data)
        console.log(JSON.stringify(data))
        $.post({
            // headers必须添加，否则会报415错误
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            url: '/equipment/updateEquipment',
            data: JSON.stringify(data),
            success: function (res) {
                console.log(res)
            }
        });
        table.reload('demo')
    });
    //第一个实例
    table.render({
        elem: '#demo'
        , height: 600
        , url: '/equipment/findAllByLid?lid=1' //数据接口
        , page: true
        , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        , defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
            title: '提示'
            , layEvent: 'LAYTABLE_TIPS'
            , icon: 'layui-icon-tips'
        }]
        , initSort: {
            field: 'eid' //排序字段，对应 cols 设定的各字段名
            , type: 'asc' //排序方式  asc: 升序、desc: 降序、null: 默认排序
        }
        , cols: [[ //表头
            {type: 'checkbox', fixed: 'left'}
            , {field: 'eid', title: 'ID', sort: true, fixed: 'left', align: 'center'}
            , {field: 'equipName', title: '设备名称', sort: true, align: 'center', edit: 'text'}
            , {field: 'equipType', title: '设备类型', sort: true, align: 'center', edit: 'text'}
            , {field: 'equipState', title: '设备状态', sort: true, align: 'center', edit: 'text'}
            , {field: 'createTime', title: '创建时间', sort: true, align: 'center'}
            , {field: 'updateTime', title: '更新时间', sort: true, align: 'center'}
        ]]
        , parseData: function (res) {
            console.log(JSON.stringify(res))
            return {
                "code": 0,
                "msg": "",
                "count": res.length,
                "data": res
            }
        }
    });
    //头工具栏事件
    table.on('toolbar(test)', function (obj) {
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
        //绑定头工具栏事件
        var checkStatus = table.checkStatus(obj.config.id);
        let eidList = [];
        for (let i = 0; i < checkStatus.data.length; i++) {
            eidList.push(checkStatus.data[i].eid)
        }
        console.log(eidList)
        switch (obj.event) {
            case 'del':
                layer.confirm('真的删除行么', function (index) {
                    $.ajax({
                        traditional: true,
                        url: '/equipment/deleteEquipment',
                        data: {"eidList": eidList},
                    })
                    layer.close(index);
                    table.reload('demo')

                    //绑定删除按钮
                })

                break;
            case 'add':
                openAdd();
                break;
        }
    });
    userManager.click(function () {
        table.render({
            elem: '#demo'
            , height: 312
            , url: '/user/findAll' //数据接口
            , page: true
            , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
            , defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
                title: '提示'
                , layEvent: 'LAYTABLE_TIPS'
                , icon: 'layui-icon-tips'
            }]
            , cols: [[ //表头
                {field: 'uid', title: 'ID', sort: true, fixed: 'left', align: 'center'}
                , {field: 'username', title: '用户名称', sort: true, align: 'center', edit: 'text'}
                , {field: 'psw', title: '用户密码', sort: true, align: 'center', edit: 'text'}
                , {field: 'role', title: '用户角色', sort: true, align: 'center', edit: 'text'}
                , {field: 'tel', title: '联系方式', sort: true, align: 'center', edit: 'text'}
            ]]
            , parseData: function (res) {
                return {
                    "code": 0,
                    "msg": "",
                    "count": res.length,
                    "data": res
                }
            }
        });
    })
    var url;
    var mainIndex;

    function openAdd() {
        mainIndex = layer.open({
            type: 1,
            title: '增加',
            content: $("#dataForm"),
            btn: ['确定', '取消'],
            btnAlign: 'c',
            yes: function (index, layero) {
                // var dataform = $('#dataForm');
                // console.log(dataform.serialize()+'&eid=&oid=')
                let dataArr = $('#dataForm').serializeArray();
                var formObject = {};
                $.each(dataArr, function (i, item) {
                    formObject[item.name] = item.value;
                });
                console.log(JSON.stringify(formObject))
                $.post({
                    // headers必须添加，否则会报415错误
                    headers: {
                        'Accept': 'application/json',
                        'Content-Type': 'application/json'
                    },
                    url: "/equipment/insertEquipment",
                    data: JSON.stringify(formObject),
                    success: function () {
                        table.reload('demo')
                        layer.alert('添加成功', {
                            skin: 'layui-layer-molv',
                            closeBtn: 0
                        })
                    }
                })
                // //do something
                layer.close(index); //如果设定了yes回调，需进行手工关闭
                table.reload('demo')
            }

        })
    }
})